
<!DOCTYPE html> 
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
        <link rel="stylesheet" href="../style/font-awesome-4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="./../style/reset.css">
        <link rel="stylesheet" href="./../style/style.css">
        <link rel="stylesheet" href="../../css/popup.css">
        <link rel="stylesheet" href="../../css/scrollbar.css">
        <link rel="stylesheet" href="../../css/listbox.css">
        <link rel="stylesheet" href="../../css/select.css">
        <script src="../lib/jquery/jquery.min.js"></script>
        <script src="../lib/jquery-ui/jquery-ui.min.js"></script>
        <script src="./../lib/react/dist/react.js"></script>
        <script src="./../lib/react-dom/dist/react-dom.js"></script>
        <script src="./../lib/require.js"></script>
    </head>
<body style="padding: 50px;">

<script>
define('react', React);
define('react-dom', ReactDOM);
</script>
<style type="text/css">
ul, li {
	list-style:none;
	padding:0;
}
.nex-tree-text {
	cursor: default;
}
.nex-tree-text:hover {
	background:#DFF0DF
}

.nex-tree-inner {
	line-height:26px;
	padding:0 5px;
	display:inline-block;
	vertical-align:middle
}

.nex-tree-sp {
	display:inline-block;
	width:20px;
	height:26px;	
	vertical-align:middle
}
</style>
<div style="border:1px solid #E6E6E6; width:620px; margin:0 auto; padding:10px; display:none;">
	<div class="nex-select nex-select-disabled" tabindex="0">
    	<div class="nex-select-text">test...</div>
        <span class="nex-select-arrow fa fa-caret-down"></span>
    </div>
    <div class="nex-select-dropdown">
    	<div class="nex-select-dropdown-body">
        	<ul>
            	<li class="nex-select-item">React</li>
                <li class="nex-select-item">ReactDOM</li>
            </ul>
        </div>
    </div>
</div>

<div id="demo" style="border:1px solid #E6E6E6; width:620px; margin:0 auto; padding:10px;"></div>

<script>

require(['./Tree'], function(Button){
	console.log('load success')
});

</script>
</body>
</html>
